<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no, email=no" />
	<title>产品</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />	
	<link type="text/css" rel="stylesheet" href="css/style.css" />
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/fun.js"></script>
	<script type="text/javascript">
		$(function(){
			
			$('a.minus').live('tap',function(){
				var num = parseInt($(this).next().val());
				num--;
				if(num>1){
					$(this).next().val(num);
					$(this).next().next().removeClass('off');					
				}else{
					$(this).next().val(1);
					$(this).addClass('off');
				}
			});

			$('a.plus').live('tap',function(){
				var num = parseInt($(this).prev().val());
				var stock = 10; //库存
				num++;
				if(num<stock){
					$(this).prev().val(num);
					$(this).prev().prev().removeClass('off');
				}else{
					$(this).prev().val(stock);
					$(this).addClass('off');
				}
			});

			$('.productInfo_desc').tap(function(){
				$(this).next().css('display', 'block');
			});

			$('.forbuy .close').tap(function(){
				$(this).parent().css('display', 'none');
			});
			
		});
	</script>
</head>
<body>
	<!-- <div class="pageTop">
		<div class="btn">
			<a href="javascript:history.back();" class="back"></a>
		</div>
		<div class="center">
			<span class="title">日化护理</span>
		</div>
		<div class="btn">
			<a href="" class="sear"></a>
		</div>
	</div> -->
	<ul class="category">
		<li><a href="" class="on">综合</a></li>
		<li><a href="">销量优先</a></li>
		<li><a href="">价格 ↑</a></li>
		<li><a href="">价格 ↓</a></li>
	</ul>
	<div class="wrapper">
		<ul class="productlist">
			<li>
				<div class="productInfo">
					<div class="productInfo_img">
						<a href=""><img src="images/p1_03.jpg" alt=""></a>
					</div>
					<div class="productInfo_desc">
						<div class="title">飘柔焗油护理洗发素二合一 150ml</div>
						<div class="price"><i>￥</i>67.00</div>
						<div class="desc">可用红包支付￥1.50</div>
						<a class="addto">加入购物车</a>
					</div>
					<div class="forbuy">
						<div class="close"></div>
						<div class="inner">
							<div class="title">飘柔焗油护理洗发素二合一 150ml</div>
							<div class="cartnum">
								<a href="javascript:;" class="minus off"></a>
								<input type="text" name="" id="" value="1">
								<a href="javascript:;" class="plus"></a>
							</div>
						</div>
						<ul class="forbuy_btn">
							<li><a href="" class="btn">加入购物车</a></li>
							<li><a href="" class="btn2">立即购买</a></li>
						</ul>
					</div>
				</div>
				<div class="productTotal">
					<span class="total">1150人购买</span>
					<span class="desc">特殊产品说明</span>
					<a href="" class="link">微信比价/产品详情</a>
				</div>
			</li>
			<li>
				<div class="productInfo">
					<div class="productInfo_img">
						<a href=""><img src="images/p1_03.jpg" alt=""></a>
					</div>
					<div class="productInfo_desc">
						<div class="title">强生婴儿牛奶沐浴乳150ml赠送樱花草</div>
						<div class="price"><i>￥</i>58.75</div>
						<div class="desc">可用红包支付￥24.55</div>
						<a class="addto">加入购物车</a>
					</div>
					<div class="forbuy">
						<div class="close"></div>
						<div class="inner">
							<div class="title">强生婴儿牛奶沐浴乳150ml赠送樱花草</div>
							<div class="cartnum">
								<a href="javascript:;" class="minus off"></a>
								<input type="text" name="" id="" value="1">
								<a href="javascript:;" class="plus"></a>
							</div>
						</div>
						<ul class="forbuy_btn">
							<li><a href="" class="btn">加入购物车</a></li>
							<li><a href="" class="btn2">立即购买</a></li>
						</ul>
					</div>
				</div>
				<div class="productTotal">
					<span class="total">1000人购买</span>
					<span class="desc">特殊产品说明</span>
					<a href="" class="link">微信比价/产品详情</a>
				</div>
			</li>
			<li>
				<div class="productInfo">
					<div class="productInfo_img">
						<a href=""><img src="images/p1_03.jpg" alt=""></a>
					</div>
					<div class="productInfo_desc">
						<div class="title">飘柔焗油护理洗发素二合一 150ml</div>
						<div class="price"><i>￥</i>67.00</div>
						<div class="desc">可用红包支付￥1.50</div>
						<a class="addto">加入购物车</a>
					</div>
					<div class="forbuy">
						<div class="close"></div>
						<div class="inner">
							<div class="title">飘柔焗油护理洗发素二合一 150ml</div>
							<div class="cartnum">
								<a href="javascript:;" class="minus off"></a>
								<input type="text" name="" id="" value="1">
								<a href="javascript:;" class="plus"></a>
							</div>
						</div>
						<ul class="forbuy_btn">
							<li><a href="" class="btn">加入购物车</a></li>
							<li><a href="" class="btn2">立即购买</a></li>
						</ul>
					</div>
				</div>
				<div class="productTotal">
					<span class="total">1150人购买</span>
					<span class="desc">特殊产品说明</span>
					<a href="" class="link">微信比价/产品详情</a>
				</div>
			</li>
			<li>
				<div class="productInfo">
					<div class="productInfo_img">
						<a href=""><img src="images/p1_03.jpg" alt=""></a>
					</div>
					<div class="productInfo_desc">
						<div class="title">舒肤佳消毒肥皂</div>
						<div class="price"><i>￥</i>150.05</div>
						<div class="desc">可用红包支付￥9.02</div>
						<a href="" class="addto">加入购物车</a>
					</div>
					<div class="forbuy">
						<div class="close"></div>
						<div class="inner">
							<div class="title">舒肤佳消毒肥皂</div>
							<div class="cartnum">
								<a href="javascript:;" class="minus off"></a>
								<input type="text" name="" id="" value="1">
								<a href="javascript:;" class="plus"></a>
							</div>
						</div>
						<ul class="forbuy_btn">
							<li><a href="" class="btn">加入购物车</a></li>
							<li><a href="" class="btn2">立即购买</a></li>
						</ul>
					</div>
				</div>
				<div class="productTotal">
					<span class="total">1150人购买</span>
					<span class="desc">特殊产品说明</span>
					<a href="" class="link">微信比价/产品详情</a>
				</div>
			</li>
		</ul>
	</div>
    <ul class="footer">
    	<li><a href="index.html" class="n1">首页</a></li>
    	<li><a href="社区.html" class="n2">社区</a></li>
    	<li><a href="购物车.html" class="n3"><i></i>购物车</a></li>
    	<li><a href="个人设置.html" class="n4">个人设置</a></li>
    </ul>
    <div id="backTop"></div>
</body>
</html>